@extends('layouts.user_layout')

{{--header_js--}}
@section('header_js')

@stop

@section('content')

    <!-- 正文，由view提供 -->
    <div class="con-right fr"><!---->
        <div class="con-right fr">
            <div class="con-right-text">
                <div class="tabmenu">
                    <ul class="tab">
                        <li class="active">我的会员卡</li>
                    </ul>
                </div>
                <div class="content-info">
                    <!---->
                    <div id="table_list">
                        <div class="card-list clearfix">
                        </div>
                        <!---->
                        <form name="selectPageForm" action="" method="get">
                            <!--分页-->
                            <div class="page">
                                <div class="page-wrap fr">
                                    <div id="pagination" class="page">
                                        <script data-page-json="true" type="text">
	{"page_key":"page","page_id":"pagination","default_page_size":10,"cur_page":1,"page_size":10,"page_size_list":[10,50,500],"record_count":10,"page_count":1,"offset":0,"url":null,"sql":null}
</script>
                                        <div class="page-wrap fr">
                                            <div class="total">共10条记录
                                                <!-- 每页显示：
                                                <select class="select m-r-5" data-page-size="10">


                                                    <!--<option value="10" selected="selected">10</option>-->



                                                <!--<option value="50">50</option>-->



                                                <!--<option value="500">500</option>-->


                                                <!--</select>
                                                条 -->

                                            </div>
                                        </div>
                                        <div class="page-num fr">
		<span class="num prev disabled"class="disabled" style="display: none;">
			<a class="fa fa-angle-double-left" data-go-page="1" title="第一页"></a>
		</span>

                                            <span >
			<a class="num prev disabled " title="上一页">上一页</a>
		</span>








                                            <!--   -->

                                            <span class="num curr">
			<a data-cur-page="1">1</a>
		</span>







                                            <span class="disabled" style="display: none;">
			<a class="num " class="fa fa-angle-double-right" data-go-page="1" title="最后一页"></a>
		</span>

                                            <span >
			<a class="num next disabled" title="下一页">下一页</a>
		</span>

                                        </div>
                                        <!-- <div class="pagination-goto">
                                                <input class="ipt form-control goto-input" type="text">
                                                <button class="btn btn-default goto-button" title="点击跳转到指定页面">GO</button>
                                                <a class="goto-link" data-go-page="" style="display: none;"></a>
                                            </div> -->
                                        <script type="text/javascript">
                                            $().ready(function() {
                                                $(".pagination-goto > .goto-input").keyup(function(e) {
                                                    $(".pagination-goto > .goto-link").attr("data-go-page", $(this).val());
                                                    if (e.keyCode == 13) {
                                                        $(".pagination-goto > .goto-link").click();
                                                    }
                                                });
                                                $(".pagination-goto > .goto-button").click(function() {
                                                    var page = $(".pagination-goto > .goto-link").attr("data-go-page");
                                                    if ($.trim(page) == '') {
                                                        return false;
                                                    }
                                                    $(".pagination-goto > .goto-link").attr("data-go-page", page);
                                                    $(".pagination-goto > .goto-link").click();
                                                    return false;
                                                });
                                            });
                                        </script>
                                    </div></div>
                            </div>
                        </form>
                        <!---->
                    </div>
                    <!---->
                    <div class="operat-tips">
                        <h4>我的会员卡注意事项</h4>
                        <ul class="operat-panel">
                            <li>
                                <span>会员拥有两种等级，网站方会员等级和店铺会员等级，欢迎页以及个人资料中显示的是您在网站的会员等级</span>
                            </li>
                            <li>
                                <span>网站方会员等级：由“成长值”决定，成长值越高，会员等级越高，成长值是会员通过购物所获得的经验值，由累计购物金额计算获得，成长值获得根据确认收货时间计算，成长值小数点后部分不计入积分：例如会员的订单是88.2元，消费金额与赠送成长值比例是10%，则确认收货后并无退款退货，即可以得到8点成长值</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var tablelist = null;
            $().ready(function() {
                tablelist = $("#table_list").tablelist({
                    params: $("#searchForm").serializeJson()
                });
                $("#searchForm").submit(function() {
                    // 序列化表单为JSON对象
                    var data = $(this).serializeJson();
                    console.info(data);
                    // Ajax加载数据
                    tablelist.load(data);
                    // 阻止表单提交
                    return false;
                });

            });
        </script>
        <!----></div>

@stop